<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>角色权限</title>
  <link type="text/css" rel="stylesheet" href="../static/css/jquery-ui-1.10.4.custom.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/roleResource.css">
  <link type="text/css" rel="stylesheet" href="../static/css/zTreeStyle.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/promptMessage.css"/>
  
  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type='text/javascript' src='../static/js/jquery-ui-1.10.4.custom.js'></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type='text/javascript' src='../static/js/messageContent.js'></script>
  <script type="text/javascript" src="../static/js/userManage/role.js"></script>
  <script type='text/javascript' src='../static/table/roleInfoTable.js'></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
<div class="ablosulteDiv">
	  <div class="top">
	  	<h4 class="partTitle">
			当前位置: 用户 <span class="comSpanTitle">></span>角色权限
		</h4>
	  </div>
	  <div class="blueBorder"></div>
	  <div class="row userManageDiv">
        <div class="userManageLeft">
			<form class="form-horizontal" id="searchRoleInfo">
	              <input id="page" name="page" value="1" hidden="hidden">
	              <input id="rows" name="rows" value="10" hidden="hidden">
	              <input id="RoleName" name="RoleName" hidden="hidden">
	              <input id="roleID" name="roleID" hidden="hidden">
			</form>      
            <div class="leftUserDiv">
                <div class="col-sm-12">
                	<input class="col-sm-10 form-control" id="name" placeholder="搜索角色" 
                	type="text" onkeydown="if(event.keyCode==13){nameValue()}">
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-12 userLeftTitle">角色</div>
                    <div class="col-sm-12">
                        <ul class="userLeftUl">
                        </ul>
                    </div>
                    <div class="col-sm-12">
                    	<img id="saveOne" class="details" src="../static/images/userSavePhone.png" height="18" width="18" onclick="save()" style="border:0;"/> 
	            		<span class="details" style="padding:5px;" onclick="save()">添加角色</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="userManageRight" style="padding: 0;">
		    <div style="padding:10px;">
			    <div class="partTable">
					<div class="resourceDiv">
						<div id="treeMenu"><p style="font-size: 2em;text-align: center;">请选择左侧角色查看权限!</p></div>
					</div>
					<div id='saveResource' class="form-group" style="margin-left: 30px;margin-top: 10px;" hidden='hidden'>
						<button type="button" class="btn btn-primary" onclick="savePermissions()">保存</button>
					</div>
			    </div>
		  </div>
        </div>
    </div>
  </div>
  <!--添加-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
     <div class = "popupTable">
         <div class="modal-header titleAll">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true" class="close">&times;</span>
             </button>
             <h4 class="modal-title" id = "saveTitle"></h4>
         </div>
              <form id="saveForm">
         <div class="modal-body">
             <div id="table1">
	            <div class="modal-header title"><strong>角色基本信息</strong></div>
	            <table class="table table-hover">
		              <thead>
		                <tr>
			               <th>角色ID</th>
			               <th>角色名称</th>
			               <th>级别</th>
			               <th>是否使用</th>
		               </tr>
		             </thead>
		             <tbody>
		                <tr>
			                <td><input id="saveRoleID" maxlength="20" name="RoleID" class="form-control"/></td>
			                <td><input id="saveRoleName" maxlength="20" name="RoleName" class="form-control"/></td>
			                <td><input id="saveLevel" maxlength="2" name="Level" class="form-control"/></td>
			                <td>
			                	<select id="saveEnabled" name="Enabled" class="form-control">
			              			<option value='0' selected="selected">否</option>
			              			<option value='1'>是</option>
		          			    </select>
						    </td>
		               </tr>
		             </tbody>
	            </table>
	          </div>
           </div>
       </form>
	   <div class="modal-footer">
         <button type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveForm', saveRole, confirm)">确定</button>
		 <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
      </div>
	</div>
 </div>
</body>
</html>